<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog F0102Service-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
  <div class="kmi-header-row">
    <div class="header-title" ng-bind="dialog._title | translate"></div>
    <!--More Menu-->

    <!--Close button-->
    <div class="kmi-side-btn right" ng-click="dialog.hide();">
      <img src="image/icons/clear.png" />
      <div class="kmi-can-click"></div>
    </div>
  </div>
  <div class="kmi-layout-main-content" style="flex: 1">
    <!--Page-->
    <div class="kmi-layout-page">
      <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="F0102Service" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
        <label class="label" ng-show="dialog._event['material_type'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.material_type' | translate"></label>
        <div class="value" ng-show="dialog._event['material_type'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.material_type" mdl-toast="{{dialog.material_type}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['material_no'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.material_no' | translate"></label>
        <div class="value" ng-show="dialog._event['material_no'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.material_no" mdl-toast="{{dialog.material_no}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['barcode_material_no'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.barcode_material_no' | translate"></label>
        <div class="value" ng-show="dialog._event['barcode_material_no'].isShown != 'N'" style="grid-column-start: span 3">
          <input type="text" id="barcode_material_no" ng-model="dialog.barcode_material_no" ng-keypress="dialog._event['barcode_material_no'].change(dialog.barcode_material_no, {event:$event});" ng-disabled="dialog._event['barcode_material_no'].isDisabled == 'Y'" placeholder="" />
          <div class="tip qrcode" ng-click="dialog._event['barcode_material_no'].click(dialog.barcode_material_no, {event:$event});" ng-disabled="dialog._event['barcode_material_no'].isDisabled == 'Y'">
            <img src="image/icons/QRCode.png" />
          </div>
        </div>
        <label class="label" ng-show="dialog._event['barcode_format'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.barcode_format' | translate"></label>
        <div class="value" ng-show="dialog._event['barcode_format'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.barcode_format" mdl-toast="{{dialog.barcode_format}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['feeding_info'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.feeding_info' | translate"></label>
        <div class="value" ng-show="dialog._event['feeding_info'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.feeding_info" mdl-toast="{{dialog.feeding_info}}" mdl-toast-passive="true"></label></div>
        <label class="label" ng-show="dialog._event['material_plot_no'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.material_plot_no' | translate"></label>
        <div class="value" ng-show="dialog._event['material_plot_no'].isShown != 'N'" style="">
          <input type="text" undefined="" id="material_plot_no" ng-model="dialog.material_plot_no" ng-keypress="dialog._event['material_plot_no'].change(dialog.material_plot_no, {event:$event});" ng-disabled="dialog._event['material_plot_no'].isDisabled == 'Y'" />
        </div>
        <label class="label" ng-show="dialog._event['qty'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.qty' | translate"></label>
        <div class="value" ng-show="dialog._event['qty'].isShown != 'N'" style="">
          <input type="text" readonly="" ng-model="dialog.qty" ng-click="dialog._event['qty'].click(dialog.qty, {event:$event});" ng-disabled="dialog._event['qty'].isDisabled == 'Y'" />
        </div>
        <label class="label" ng-show="dialog._event['date'].isShown != 'N'" style="" ng-bind="'F0102Service.columns.date' | translate"></label>
        <div class="value" ng-show="dialog._event['date'].isShown != 'N'" style="">
          <input type="text" readonly="" ng-model="dialog.date" ng-click="dialog._event['date'].click(dialog.date, {event:$event});" ng-disabled="dialog._event['date'].isDisabled == 'Y'" />
        </div>
      </div>
      <div class="mdd-button-tool">
        <div class="tool-bar"></div>
        <div class="tool-bar" style="justify-content: flex-end">
          <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Execute'].isDisabled == 'Y'" ng-hide="dialog._fn['Execute'].isShown == 'N'" style="width: 100px">
            <label ng-bind="'common.btn.confirm' | translate"></label>
            <div class="kmi-can-click" ng-click="dialog._fn['Execute'].click('Execute');"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
